// pages/detail/detail.js
import {getdetailid,recommend} from "../../network/detail"
import time from "../../assets/utils"
import debounce from "../../common/utils"
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 轮播图数据
    topimages:{},
    // 店铺信息
    goods:{},
    id:"",
    title:"",
    newPrice:"",
    oldPrice:"",
    discountDesc:"",
    columns:"",
    services:"",
    realPrice:"",
    // 店铺信息
    logo:"",
    name:"",
    fans:"",
    sells:"",
    score:"",
    goodscount:"",
    // 商品图片
     photo:{},
    //  商品尺寸
    image:[],
    sets:[],
    sizes:[],
    pinlun:{},
    times:"",
    // 推荐的数据
    recommendlist:{},
    flag:true,
    scroll:[],
    backflag:true
  },
  // 收藏按钮
  pickshouchang(){
    this.setData({
      flag:!this.data.flag
    })
    if(!this.data.flag){
      wx.showToast({
        title: '收藏成功',
      })
    }else{
      wx.showToast({
        title: '取消收藏',
      })
    }
  
  },

  // 点击加入购物车 放入缓存中
  hanlecarclick(){
    const car =wx.getStorageSync('car') ||[]
  // 注意箭头函数的使用
    var index= car.findIndex(item=>item.id==this.data.goods.id)
    if(index===-1){
      // 第一次添加
      this.data.goods.num=1
      // 增加checked判断选中 
      this.data.goods.checked=true
      car.push(this.data.goods)
    }else{
      // 多次添加
      car[index].num++
    }
    wx.setStorageSync('car', car)
    //弹出一个提示框
    wx.showToast({
      title: '添加成功',
      icon: 'success',
      duration: 2000
    })
  },

  //导航栏滚动
  handleindexscroll(event){
    if(this.data.scroll.length==4)
    {
      switch (event.detail) {
        case 0:
          wx.pageScrollTo({
            scrollTop: 0,
            duration: 300
          })
          break;
          case 1:
            wx.pageScrollTo({
              scrollTop: this.data.scroll[1],
              duration: 300
            })
            break;
            case 2:
              wx.pageScrollTo({
                scrollTop: this.data.scroll[2],
                duration: 300
              })
              break;
              case 3:
                wx.pageScrollTo({
                  scrollTop: this.data.scroll[3],
                  duration: 300
                })
                break;
    
    }
   
    }
  },

  //回到顶部
  handlebackclick(){
    wx.pageScrollTo({
      scrollTop: 0,
    })
},
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.data.id=options.id
    console.log(options.id)
        // 发送网络请求 获取对于id的数据
        getdetailid(options.id).then(res=>{
          this.setData({
            topimages:res.data.result.itemInfo.topImages,
            title:res.data.result.itemInfo.title,
            newPrice:res.data.result.itemInfo.price,
            oldPrice:res.data.result.itemInfo.oldPrice,
            discountDesc:res.data.result.itemInfo.discountDesc,
            columns:res.data.result.columns,
            services:res.data.result.shopInfo.services.slice(0,4),
            realPrice:res.data.result.itemInfo.lowNowPrice,
            logo:res.data.result.shopInfo.shopLogo,
            name:res.data.result.shopInfo.name,
            fans:res.data.result.shopInfo.cFans,
            sells:res.data.result.shopInfo.cSells,
            score:res.data.result.shopInfo.score,
            goodscount:res.data.result.shopInfo.cGoods,
            photo:res.data.result.detailInfo.detailImage["0"].list,
            sets:res.data.result.itemParams.info.set,
            sizes:res.data.result.itemParams.rule.tables["0"],
            pinlun:res.data.result.rate.list["0"] || "",
          })
          console.log(res)
           this.setData({
             times:time.formatTime(this.data.pinlun.created,"Y/M/D h:m:s")
           })
           this.data.goods.id=this.data.id
           this.data.goods.title=this.data.title
           this.data.goods.price=parseInt(this.data.newPrice.slice(1))
           this.data.goods.image=this.data.topimages[0]
        })
        // 获取推荐的数据
        recommend().then(res=>{
          // console.log(res)
          this.setData({
            recommendlist:res.data.data.list
          })
        })
  },

  // 商品照片的加载
  photoload(event){
    debounce.debounce(this.hanlde1,500 )
  },
   
   hanlde1(){
    wx.createSelectorQuery().select("#walk").boundingClientRect(res=>{
      this.data.scroll.push(0)
      console.log(res.top)
      this.data.scroll.push(res.top)
    }).exec()
    wx.createSelectorQuery().select("#rule").boundingClientRect(res=>{
      console.log(res.top)
      this.data.scroll.push(res.top)
    }).exec()
    wx.createSelectorQuery().select("#style").boundingClientRect(res=>{
      console.log(res.top)
      this.data.scroll.push(res.top)
    }).exec()
  
   },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
   
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  },

    /**
   *监听页面滚动
   */
  onPageScroll:function(options){
    if(options.scrollTop>2000){
      this.setData({
        backflag:true
      })
    }else{
     this.setData({
      backflag:false
     })
    }
  }
})